<?php Yii::app()->clientScript->registerCssFile(Yii::app()->request->baseUrl.'/protected/modules/slider/css/main_slider_bjqs.css'); ?>
<?php Yii::app()->clientScript->registerCssFile('http://fonts.googleapis.com/css?family=Source+Code+Pro|Open+Sans:300'); ?>
<?php Yii::app()->clientScript->registerCssFile(Yii::app()->request->baseUrl.'/protected/modules/slider/css/main_slider_demo.css'); ?>

<?php Yii::app()->clientScript->registerScriptFile(Yii::app()->request->baseUrl.'/protected/modules/slider/script/main_slider_bjqs-1.3.js',CClientScript::POS_END); ?>
<div id="main-slider">
    <div id="banner-slide" class="mainslider">

        <!-- start Basic Jquery Slider -->
        <ul class="bjqs">
            <?php foreach($data as $img): ?>
                <li><a href="<?php echo Yii::app()->createUrl($img->image_link); ?>">
                        <img src="<?php echo $img->image->imageUrl; ?>" title="<?php echo $img->name; ?>" data-id="<?php echo Yii::app()->createUrl($img->info_text_link); ?>" />
                    </a></li>
            <?php endforeach; ?>
        </ul>
        <!-- end Basic jQuery Slider -->
    </div>
    <script class="secret-source">
        jQuery(document).ready(function($) {

            $('#banner-slide').bjqs({
                animtype      : 'slide',
                width         : 710,
                height        : 308,
                responsive    : true,
                randomstart   : false,
                nexttext      : '<h3>next</h3>',
                prevtext      : '<h3>prev</h3>'
            });

        });
    </script>
</div>